<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <title>首页</title>
    <link type="text/css" rel="stylesheet" href="./css/reset.css"/>
    <link type="text/css" rel="stylesheet" href="./css/demo.css"/>
    <link rel="stylesheet" href="./css/jquery-ui-1.9.2.custom.css" />
    <link rel="stylesheet" href="./css/jquery.mobile-1.4.5.css" />
</head>
<body>
<div class="pop-box1"></div>
<div class="pop-box2"></div>
<div class="header">
    <div class="logo">
        <a href="#">
            <img src="./images/logo.png" alt="logo">
        </a>
    </div>
    <div class="menu">
        <ul id="header_menu">
                <li ><a class="selected" href="#">首页</a></li>

                <li><a href="#">解决方案</a></li>

                <li><a  href="#">关于我们</a></li>

                <li><a  href="#">客户案例</a></li>

                <li><a  href="#">建站方案</a></li>

                <li><a  href="#">新闻资讯</a></li>

                <li><a  href="#">技术支持</a></li>

                <li><a  href="#">联系我们</a></li>

        </ul>
    </div>

</div>



<div id="slide_right">
    <a id="mobile_btn" href="#">
        <ul>
            <li class="li1"></li>
            <li class="li2"></li>
        </ul>
    </a>
    <ul id="slide_menu">
        <a  href="#"><li class="slide_selected">首页 </li></a>
        <a  href="#"><li>解决方案</li></a>
        <a  href="#"><li>关于我们</li></a>
        <a  href="#"><li>客户案例</li></a>
        <a  href="#"><li>建站方案</li></a>
        <a  href="#"><li>新闻资讯</li></a>
        <a  href="#"><li>技术支持</li></a>
        <a  href="#"><li>联系我们</li></a>
    </ul>
</div>
<div class="right_help">
    <ul>
        <li>
            <a href="">
                <img src="./icons/057.png" alt="">
                <div>合作</div>
            </a>
        </li>

        <li>
            <a href="">
                <img src="./icons/059.png" alt="">
                <div>咨询</div>
            </a>
        </li>
            <li>
                <a href="#">
                    <img src="./icons/060.png" alt="">
                    <div>帮助</div>
                </a>
            </li>
    </ul>
</div>

    <a class="r_top" href="#">
       Top
    </a>

    <a  class="X" href="#">

    </a>
    <a class="X_back" href="#">

    </a>

<div class="block1">
    <div id="ad_slide">
        <ul class="ad">
            <li>
                <h1>打破传统-创新形开发思维</h1>
                <h3>网纪游工作室-低成本-高回报</h3>
                <a href="#"><div>马上咨询</div></a>
            </li>
            <li>
                <h1>主流三合一响应式网站</h1>
                <h3>一个网站就能自动适应PC端、平板端、手机端</h3>
                <a href="#"><div>马上咨询</div></a>
            </li>
            <li>
                <h1>为企业所想  满足企业需求</h1>
                <h3>升级您的需求为导向，提升您的价值为目标</h3>
                <a href="#"><div>马上咨询</div></a>
            </li>
        </ul>
        <ul class="ad_point">
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </div>

</div>

<div class="block2">
    <div class="title_body">
        <div class="title2">
            <h2>我们的产品</h2>
            <div>OUR PRODUCT</div>
        </div>
    </div>
    <div class="pic_intro">
        <ul>
            <li>
                <div class="bg1">
                    <img src="./icons/045.png" alt="">
                    <h2 class="title_2">企业网站</h2>
                    <div class="text_2">CORPORATE WEBSITES</div>
                </div>
            </li>
            <li >
                <div class="bg2">
                    <img src="./icons/046.png" alt="">
                    <h2 class="title_2">购物商城</h2>
                    <div class="text_2">SHOPPING MALL</div>
                </div>
            </li>
            <li >
                <div class="bg3">
                    <img src="./icons/047.png" alt="">
                    <h2 class="title_2">空间域名</h2>
                    <div class="text_2">SPACE SERVICE</div>
                </div>
            </li>
            <li>
                <div class="bg4">
                    <img src="./icons/048.png" alt="">
                    <h2 class="title_2">行业用户</h2>
                    <div class="text_2">INDUSTRY PRORTAL</div>
                </div>
            </li>
            <li >
                <div class="bg5">
                    <img src="./icons/049.png" alt="">
                    <h2 class="title_2">三合一网站</h2>
                    <div class="text_2">TRIAD WEBSITE</div>
                </div>
            </li>
            <li>
                <div  class="bg6">
                    <img src="./icons/050.png" alt="">
                    <h2 class="title_2">全网营销</h2>
                    <div class="text_2">NETWORK MARKETING</div>
                </div>
            </li>
        </ul>
    </div>
</div><!-- block2-->
<div class="block3">
    <div class="title_body">
        <div class="title1">
            <h2>网纪游工作室优势</h2>
            <div>PLATFORM ADVANTAGE</div>
        </div>
    </div>
    <div class="platform">
        <ul>
            <li class="plat1">
                <div class="li_sub">
                    <img src="./icons/008.png" alt="">
                    <div class="text_intro">
                        <h2 class="title_2">免网站制作费</h2>
                        <div class="text_2">只收空间域名取成本价</div>
                    </div>
                </div>
            </li>
            <li class="plat2">
                <div class="li_sub li_2">
                    <img src="./icons/009.png" alt="">
                    <div class="text_intro">
                        <h2 class="title_2">快速建站</h2>
                        <div class="text_2">打破传统网站制作工时</div>
                        <div class="text_2">网站制作最快只需1天</div>
                    </div>
                </div>
            </li>
            <li class="plat3">
                <div class="li_sub">
                    <img src="./icons/010.png" alt="">
                    <div class="text_intro">
                        <h2 class="title_2">多合一终端使用</h2>
                        <div class="text_2">一个网站能够在PC+平板+手机</div>
                        <div class="text_2">完美响应展示</div>
                    </div>
                </div>
            </li>
            <li class="plat4">
                <div class="li_sub">
                    <img src="./icons/011.png" alt="">
                    <div class="text_intro">
                        <h2 class="title_2">大数据</h2>
                        <div class="text_2">升级更新数据保留，企业数据沉淀</div>
                        <div class="text_2">实现数据分析</div>
                    </div>
                </div>
            </li>
            <li class="plat5">
                <div class="li_sub  li_5">
                    <img src="./icons/012.png" alt="">
                    <div class="text_intro">
                        <h2 class="title_2">高端设计</h2>
                        <div class="text_2">主流设计风格，极致交互体验</div>
                        <div class="text_2">提升品牌价值</div>
                    </div>
                </div>
            </li>
            <li class="plat6">
                <div class="li_sub">
                    <img src="./icons/013.png" alt="">
                    <div class="text_intro">
                        <h2 class="title_2">安全稳定</h2>
                        <div class="text_2">平台运行于阿里云计算中心</div>
                        <div class="text_2">多备份容灾保障安全稳定</div>
                    </div>
                </div>
            </li>
        </ul>
    </div>

</div>

<div class="block4">
    <div class="title_body">
        <div class="title1">
            <h2>营销优势</h2>
            <div>MARKETING ADVANTAGE</div>
        </div>
    </div>
</div>

<div class="block5">
    <div class="title_body">
        <div class="title3">
            <h2>合作伙伴</h2>
            <div>COOPERATIVE PARTNER</div>
        </div>
    </div>
</div>

<div class="block6">

</div>

<div class="block7">
    <div class="title_body">
        <div class="title3">
            <h2>新闻中心</h2>
            <div>NEWS TRENDS</div>
        </div>
    </div>
</div>

<div class="block8">

</div>

</body>
<script type="text/javascript" src="./js/jquery.js"></script>

<script type="text/javascript" src="./js/jQueryRotate.js"></script>
<script src="./js/jquery-ui-1.9.2.custom.js"></script>
<script type="text/javascript" src="./js/demo.js"></script>
</html>